$(function() {
    $("body").delegate(".txt", "propertychange input", function() {
            //时时监听文本框中有没有输入内容
            var $txt_now = $(this).val();
            if ($txt_now.length > 0) {
                $(".btn").prop("disabled", false)
            } else {
                $(".btn").prop("disabled", true)
            }

        })
        //监听发布按钮
    $(".btn").click(function() {
            //拿到用户输入的内容
            var $content = $(".txt").val();
            //根据用户输入的内容创建节点
            var $weibo = creatElement($content);

            function creatElement(txt) {
                var $weibo = $('<div class="message"><div class="message_ly">' + $content + '</div><div class="time">' + formartDate() + '</div><ul class="tools"><li><a href="javascript:;"class="infoTop"></a><span>0</span></li><li><a href="javascript:;"class="infoBottom"></a><span>0</span></li><li><a href="javascript:;"class="infoDelete"></a><span>删除</span></li></ul></div>');
                return $weibo;
            }
            //在父亲盒子的内部的前面插入留言微博
            $(".box_bottom").prepend($weibo);
        })
        //动态时间的生成
    function formartDate() {
        var date = new Date();
        var arr = [date.getFullYear() + "-", date.getMonth() + 1 + "-", date.getDate() + " ", date.getHours() + ":", date.getMinutes() + ":", date.getSeconds()];
        return arr.join("");
    }
    //点赞事件
    $("body").delegate(".infoTop", "click", function() {
            //$(this).siblings("span").text()获取点击元素的兄弟节点span里的内容
            //，在把内容转化为整数形式，在让内容+1
            //把获取到的新内容赋值到点击事件的兄弟span节点的text内容里面去
            $(this).siblings("span").text(parseInt($(this).siblings("span").text()) + 1);
        })
        //踩事件
    $("body").delegate(".infoBottom", "click", function() {
            //$(this).siblings("span").text()获取点击元素的兄弟节点span里的内容
            //，在把内容转化为整数形式，在让内容+1
            //把获取到的新内容赋值到点击事件的兄弟span节点的text内容里面去
            $(this).siblings("span").text(parseInt($(this).siblings("span").text()) + 1);
        })
        //删除事件
    $("body").delegate(".infoDelete", "click", function() {
        //parent是获取this元素的父亲，parents是获取this元素的指定元素父亲
        $(this).parents(".message").remove();
    })
})